<template>
  <div class="sidebar-logo-container">
    <!--<div class="title" v-if="!isCollapse">伊萨装运云控</div>-->
    <!--<img v-if="!isCollapse" :src="logo" class="logo"/>-->
    <div class="title">{{title}}</div>
  </div>
</template>

<script>
// import logoImg from '@/assets/image/logo.png'
import { mapGetters } from "vuex";

  export default {
  name: 'SidebarLogo',
  data() {
    return {
      title: '你好',
      // logo: logoImg,
    }
  },
  computed:{
    ...mapGetters(["sidebar"]),
    isCollapse() {
      return !this.sidebar.opened;
    }
  }
}
</script>
<style lang="less" scoped>
.sidebar-logo-container {
  position: relative;
  width: 100%;
  background: #2b2f3a;
  text-align: center;
  display: flex;
  flex-direction: column;
  .logo {
    height: 40px;
    margin: 5px auto 5px;
  }
  .title {
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    color: white;
  }
}
</style>
